<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/first.css"/>
</head>
<body>
	<div id="wrap">
		<nav>
			<div class="nav1">
				<div id="left">
					<ul>
						<li class="li1">北京</li>
						<li><a href="###">[切换城市]</a></li>
						<li>|</li>
						<li>同城帮首页</li>
					</ul>
				</div>
				<div id="right">
					<ul>
						<li><a href="###">登陆</a></li>
						<li>|</li>
						<li><a class="zc" href="###">注册</a></li>
						<li>|</li>
						<li><a href="###">我的订单</a></li>
						<li>|</li>
						<li><a href="###">在线客服(9:00-21:00)</a></li>
						<li>|</li>
						<li><a href="###">客服服务</a></li>
						<li>|</li>
						<li><a href="###">论坛</a></li>
						<li>|</li>
						<li><a class="aa" href="###">投诉建议</a></li>
					</ul>
				</div>
			</div>
		</nav>
		<section class="section0">
			<p>欢迎注册360同城帮</p>
		</section>
		<section class="section1">
			<div class="sec">
				<img src="images/35.png"/>
				<ul>
					<li>二手优品</li>
					<li>手机回收</li>
					<li>手机维修</li>
					<li>电脑维修</li>
					<li>以旧换新</li>
					<li>手机租用</li>
				</ul>
			</div>
		</section>
		<section class="section2">
			<div class="sec">
				<!-- 轮播图的包裹 -->
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
		  		<!-- 轮播图的按钮 -->
		  			<ol class="carousel-indicators">
		    			<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
		    			<li data-target="#carousel-example-generic" data-slide-to="1"></li>
		    			<li data-target="#carousel-example-generic" data-slide-to="2"></li>
		  			</ol>
		 		 <!-- 存放的图片 -->
		  			<div class="carousel-inner" role="listbox">
		   			 	<div class="item active">
		      				<img src="images/lb1.jpg" alt="...">
		     			 <div class="carousel-caption">
		      			</div>
		    		</div>
		   		<!--item 包裹图片的包裹载体-->
		    		<div class="item">
		     			 <img src="images/lb2.jpg" alt="...">
		     	 		 <div class="carousel-caption">
		      
		      			</div>
		  	 		</div>
		   			<div class="item">
		      			<img src="images/lb3.png" alt="...">
		      			<div class="carousel-caption">
		     	 		</div>
		    		</div>
		  			</div>
					</div>
					<ul>
						<li><img src="images/2_03.png"/>&nbsp;&nbsp;&nbsp;修手机/Pad&nbsp;&nbsp;&nbsp;&nbsp;></li>
						<li><img src="images/2_06.png"/>&nbsp;&nbsp;&nbsp;修手机/Pad&nbsp;&nbsp;&nbsp;&nbsp;></li>
						<li><img src="images/2_08.png"/>&nbsp;&nbsp;&nbsp;修手机/Pad&nbsp;&nbsp;&nbsp;&nbsp;></li>
						<li><img src="images/2_10.png"/>&nbsp;&nbsp;&nbsp;修手机/Pad&nbsp;&nbsp;&nbsp;&nbsp;></li>
					</ul>
				</div>
		</section>
		<section class="section3">
			<div class="nav">
				<ul>
					<li><img src="images/2.jpg"/></li>
					<li><img src="images/10.jpg"/></li>
					<li><img src="images/15.png"/></li>
					<li><img src="images/14.jpg"/></li>
				</ul>
			</div>
		</section>
		<section class="section4">
			<div class="nav">
				<div class="div1">
					<h3>热门手机回收</h3>
					<a href="###">查看更多》</a>
				</div>
				<div class="div2">
					<img src="images/4_03.png"/>
					<div class="aa">
					   <ul>
							<li><img src="images/4_01.png"/></li>
							<li><img src="images/4_04.png"/></li>
							<li><img src="images/4_01.png"/></li>
							<li><img src="images/4_01.png"/></li>
							<li><img src="images/4_01.png"/></li>
						</ul>
					</div>
				</div>
				<div class="div3">
					<h3>热门手机回收</h3>
					<a href="###">查看更多》</a>
				</div>
				<div class="div4">
					<img src="images/4_06.png"/>
					<div class="aa">
					   <ul>
							<li><img src="images/4_10.png"/></li>
							<li><img src="images/4_11.png"/></li>
							<li><img src="images/4_12.png"/></li>
							<li><img src="images/4_13.png"/></li>
							<li><img src="images/4_14.png"/></li>
						</ul>
					</div>
				</div>
				 <h3>到店维修</h3>
			</div>
		</section>
		<section class="section5">
			<div class="nav">
				<div class="bj">
					<p>北京<span>▼</span></p>
				</div>
				<div class="qx">
					<p>选择区县<span>▼</span></p>
				</div>
				<input class="te" type="text" id="" value="" placeholder="输入您的位置查找附近的商家" />
				<input  class="on" type="button" name="" id="" value="搜索" />
			</div>
		</section>
		<section class="section6">
			<div class="nav">
				<div class="nav1">
					<div class="nav2">
						<ul>
							<li>默认排序</li>
							<li>按成交量</li>
							<li>按人气</li>
						</ul>
						<p><input type="checkbox" name="" id="" value="" />先行赔付</p>
						<img src="images/ab.jpg"/>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<div class="sect">
				<dl>
					<dt><img src="images/38.png"/>购物指南</dt>
					<dd>购物流程</dd>
					<dd>用户注册</dd>
					<dd>帮助文档</dd>
				</dl>
				<dl>
					<dt><img src="images/38.png"/>支付方式</dt>
					<dd>支付方式</dd>
					<dd>用户注册</dd>
				</dl>
				<dl>
					<dt><img src="images/38.png"/>售后服务</dt>
					<dd>售后服务</dd>
				</dl>
				<dl>
					<dt><img src="images/38.png"/>特色保障</dt>
					<dd>购物流程</dd>
				</dl>
				<dl>
					<dt><img src="images/38.png"/>商家合作</dt>
					<dd>购物流程</dd>
					<dd>用户注册</dd>
					<dd>帮助文档</dd>
				</dl>
			</div>
			<div class="footer">
				<p>客服电话：4000-399-360 / 010-53767360 投诉建议 网站地图</p>
				<p>Copyright © 2005-2017  360.CN  All Rights Reserved  360安全中心</p>
				<p>京ICP备08010314号-19    京公网安备110000000006号</p>
			</div>
		</footer>
	</div>
</body>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.min.js" type="text/javascript">
	
</script>
<script type="text/javascript">
	//点击注册
	$(".zc").click(function(){
		$(".section0").show()
	})
</script>
	

</html>